<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        function Person(name, age, sex) {
            // 1. 创建一个空对象
            // const this = {}
            // 2. 让this指向这个空对象
            // 3. 执行构造函数里面的代码，给这个空对象添加属性和方法
            this.name = name
            this.age = age
            this.sex = sex
            this.sayHi = function () {
                console.log('Nice to meet U :)')
            }
            // 4. return this 返回这个对象（this）
        }
        // 当我们执行new的时候，会去执行构造函数内部的代码
        const p = new Person('俊俊', 18, 'female')

        // new的执行过程 ==> 背下来
        // 1. 在函数内部创建了一个空对象
        // 2. 让this指向这个空对象
        // 3. 执行构造函数里面的代码，给这个空对象添加属性和方法
        // 4. 返回这个对象（this）
    </script>
</body>

</html>